<template>
  <div id="app">
    <detail ></detail>
    <detail2 ></detail2>
  </div>
</template>

<script>
// 导入双视图
import detail from "./components/detail.vue";
import detail2 from "./components/detail2.vue";

export default {

  name: "App",

  data() {
    return {
      abc: 10001,
    };
  },
  // 注册子组件
  components: {
    detail,
   detail2,
  },
};
</script>

<style>
/* 设置被选中标签的属性
    活跃状态 */
.router-link-active {
  background-color: hotpink;
  color: green;
}
</style>
